<template>
  <div id="app">
    <router-view></router-view>
    <MainTabBar></MainTabBar>
<!--    <TabBar>-->
<!--      <TabBarItem path="/home" activeColor="pink">-->
<!--        <img slot="item-icon" src="./assets/img/tabbar/home.svg" alt=""/>-->
<!--        <img slot="item-icon-active" src="./assets/img/tabbar/home_active.svg" alt=""/>-->
<!--        <div slot="item-text">首页</div>-->
<!--      </TabBarItem>-->
<!--      <TabBarItem path="/classify" activeColor="blue">-->
<!--        <img slot="item-icon" src="./assets/img/tabbar/classify.svg" alt=""/>-->
<!--        <img slot="item-icon-active" src="./assets/img/tabbar/classify_active.svg" alt=""/>-->
<!--        <div slot="item-text">分类</div>-->
<!--      </TabBarItem>-->
<!--      <TabBarItem path="/shopcart" activeColor="#1296db">-->
<!--        <img slot="item-icon" src="./assets/img/tabbar/shopcart.svg" alt=""/>-->
<!--        <img slot="item-icon-active" src="./assets/img/tabbar/shopcart_active.svg" alt=""/>-->
<!--        <div slot="item-text">购物车</div>-->
<!--      </TabBarItem>-->
<!--      <TabBarItem path="/profile" activeColor="#1296db">-->
<!--        <img slot="item-icon" src="./assets/img/tabbar/profile.svg" alt=""/>-->
<!--        <img slot="item-icon-active" src="./assets/img/tabbar/profile_active.svg" alt=""/>-->
<!--        <div slot="item-text">我的</div>-->
<!--      </TabBarItem>-->
<!--    </TabBar>-->
  </div>
</template>

<script>
  import MainTabBar from "./components/MainTabBar"

  export default {
    name: 'App',
    components: {
      MainTabBar
    }
  }
</script>

<style>
  /*script中的import是js的语法,是在js中去引用css文件*/
  /*style中的@import是stylus的语法是在css中引用css文件*/
  @import "./assets/css/base.less";
</style>
